.login{
	position: relative;
	height: 100vh;
	box-sizing: border-box;
	.login-title{
		position: absolute;
		/* #ifdef H5 */
		top: 9.6%;
		/* #endif */
		top: 20.4%;
		left: 50%;
		transform: translateX(-50%);
		height: 90rpx;
		font-size: 64rpx;
		font-family:$global-font-family;
		// font-weight: bold;
		font-weight: 400;
		color: #333333;
		line-height: 90rpx;
		width: 100%;
		text-align: center;
	}
	.login-form{
		position: absolute;
		top: 42.7%;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		
		::v-deep .uni-forms{
			padding: 0rpx 32rpx 0rpx 32rpx;
			 .uni-forms-item{
				box-sizing: border-box;
				border-bottom: 2rpx solid #E1E1E1;
				display: flex;
				align-items: center;
				justify-content: center;
				padding-bottom: 18rpx !important;
				margin-bottom: 0rpx;
				&:first-of-type{
					margin-bottom: 48rpx !important;
				}
				 .uni-forms-item__label{
					height:22rpx !important;
					line-height: 22rpx;
					color: #333333 !important;
					font-weight: 400 !important;
					font-family: $global-font-family !important;
					width: 106rpx !important;
					padding: 0rpx !important;
					margin-right: 32rpx !important;
					text-align: justify !important;
				    text-align-last: justify;
					display: inline-block !important;
					font-size: 32rpx;
				}
				.uni-forms-item__error{
						padding-top: 30rpx !important;
				}
			}
		}
		.forget-password-btn-wrapper{
			width: 100%;
			margin-top: 26rpx;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			padding: 0rpx 32rpx 0rpx 32rpx;
			box-sizing: border-box;
			.forget-password-btn{
				height: 34rpx;
				font-size: 24rpx;
				font-family: $global-font-family;
				font-weight: 400;
				color: #999999;
				line-height: 34rpx;
				display: flex;
				align-items: center;
				.icon{
					margin-left: 6rpx;
				}
			}
		}
	}
	.login-btn-wrapper{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 63.5%;
		display: flex;
		flex-direction: column;
		align-items: center;
		.vcode-login-btn{
			margin-top: 32rpx;
			font-size: 32rpx;
			font-family: $global-font-family;
			font-weight: 400;
			color: #6E6E73;
			height: 44rpx;
			line-height: 44rpx;
	
		}
	}
	.terms-service-wrapper{
		position: absolute;
		top: 81.2%;
		padding: 0rpx 32rpx 0rpx 32rpx;
		font-size: 24rpx;
		font-weight: 800;
		display: flex;
		height: 50rpx;
		align-items: center;
		font-family: $global-font-family;
		::v-deep .uni-checkbox-input{
			border-radius: 50% !important;
			width: 24rpx;
			height: 24rpx;
			// background-color: #365fff;
			svg{
				width: 24rpx;
				height: 24rpx;
				color: #ffffff !important;
			}
		}
		.checkbox{
			::v-deep .wx-checkbox-input{
				border-radius: 50% !important;
				width: 24rpx;
				height: 24rpx;
			}
			::v-deep .wx-checkbox-input.wx-checkbox-input-checked{
				background-color: $global-theme-color;
				position: relative;
				&:before{
					font-size: 22rpx;
					color: #ffffff;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
				}
			}

		}
		.label{
			color: #AFAFAF;
			
		}
		.terms-name{
			color: $global-theme-color;
		}
	}
}

